<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>五子棋</title>
  <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/1.css">
  <script>
    window.onload = function () {
      const swiper = new Swiper('.swiper-container', {
        // Optional parameters
        direction: 'horizontal',
        loop: true,

        // If we need pagination
        pagination: {
          el: '.swiper-pagination',
        },

        // Navigation arrows
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },

        // And if we need scrollbar
        scrollbar: {
          el: '.swiper-scrollbar',
        },
      });
    }
  </script>
</head>

<body>

  <main id=app>
    <h1>五子棋</h1>
  </main>
  <script src='js/sparticles.js'></script>
  <script src="js/script.js"></script>
  <script src='js/1.js'></script>
  <div class="main">
    <div class="qipan" id="qipan">
    </div>
    <div class="hq"><button id="hq">悔棋</button></div>
  </div>
</body>

</html>